<script setup lang="ts">
  import { ref, toRaw } from 'vue';
  import { useRoute } from "vue-router";

  defineProps<{ msg: string }>();
  const route = useRoute();
  const { id } = toRaw(route).params.value as String;

  const count = ref(0);
  console.log(33, toRaw(route).params.value)
</script>

<template>
  <dev>
    list{{id}}
  </dev>
</template>

<style scoped>
  a {
    color: #42b983;
  }

  label {
    margin: 0 0.5em;
    font-weight: bold;
  }

  code {
    background-color: #eee;
    padding: 2px 4px;
    border-radius: 4px;
    color: #304455;
  }
</style>
